<template>
  <view class="all">
    <hea :title="title"></hea>
    <div>
      <div class="cent" @click="personJump">
        <div style="width: 25%">
          <img
            src="../../static/logo.png"
            style="
              width: 60px;
              height: 60px;
              border-radius: 60px;
              margin-top: 20px;
              margin-left: 22px;
            "
          />
        </div>
        <div style="width: 48%">
          <div style="width: 100%; font-size: 20px; margin-top: 22px">
            小桥流水
          </div>
          <div v-if="vv == 1" style="width: 100%; margin-top: 2px"  @click.stop="realdetile">
            <img
              src="../../static/img/shenfen.png"
              style="width: 40px; height: 30px"
            />
          </div>
          <div v-if="vv == 2" style="width: 100%; margin-top: 10px">
            <div style="color: orange; font-size: 18px" @click.stop="realName">
              点击认证
            </div>
          </div>
          <div
            v-if="vv == 3"
            style="width: 100%; margin-top: 2px; position: absolute"
          >
            <img
              src="../../static/img/shenfen.png"
              style="width: 40px; height: 30px"
            />
            <text
              style="color: orange; position: relative; top: -8px; left: 5px"
              @click.stop="realName">重新认证</text
            >
          </div>
          <div
            v-if="vv == 4"
            style="width: 100%; margin-top: 2px; position: absolute"
          >
            <img
              src="../../static/img/shenfen.png"
              style="width: 40px; height: 30px"
            />
            <text
              style="
                color: rgb(154, 154, 154);
                position: relative;
                top: -8px;
                left: 5px;
              "
              >认证中...</text
            >
          </div>
        </div>
        <div style="width: 27%">
          <div
            style="
              font-size: 20px;
              margin-top: 10px;
              margin-left: 12px;
              color: grey;
            "
          >
            积分钱包
          </div>
          <div style="font-size: 35px; margin-top: 5px; margin-left: 30px">
            200
          </div>
        </div>
      </div>
      <div class="box1" @click="siteJump">
        <div style="line-height: 50px; font-size: 20px; margin-left: 20px">
          收货地址
        </div>
        <div style="margin-top: 12px; margin-right: 15px">
          <u-icon name="arrow-right" size="26px"></u-icon>
        </div>
      </div>
      <div class="box2" @click="orderJump">
        <div style="line-height: 50px; font-size: 20px; margin-left: 20px">
          我的订单
        </div>
        <div style="margin-top: 12px; margin-right: 15px">
          <u-icon name="arrow-right" size="26px"></u-icon>
        </div>
      </div>
      <div class="box2" @click="shopJump">
        <div style="line-height: 50px; font-size: 20px; margin-left: 20px">
          我发布的商品
        </div>
        <div style="margin-top: 12px; margin-right: 15px">
          <u-icon name="arrow-right" size="26px"></u-icon>
        </div>
      </div>
      <div class="box2" @click="activityJump">
        <div style="line-height: 50px; font-size: 20px; margin-left: 20px">
          我发布的活动
        </div>
        <div style="margin-top: 12px; margin-right: 15px">
          <u-icon name="arrow-right" size="26px"></u-icon>
        </div>
      </div>
      <div class="box1" @click="schoolJump">
        <div style="line-height: 50px; font-size: 20px; margin-left: 20px">
          关于彩蛋校园
        </div>
        <div style="margin-top: 12px; margin-right: 15px">
          <u-icon name="arrow-right" size="26px"></u-icon>
        </div>
      </div>
    </div>
  </view>
</template>
<script>
import hea from "../../components/hea.vue";
export default {
  components: {
    hea,
  },

  data() {
    return {
      title: "彩中心",
      vv: "2",
    };
  },
  methods: {
    // 个人信息
    personJump() {
      uni.navigateTo({
        url: "/pages/center/personal",
      });
    },
    // 收货地址
    siteJump() {
      uni.navigateTo({
        url: "/pages/center/take",
      });
    },
    // 我的订单
    orderJump() {
      uni.navigateTo({
        url: "/pages/center/order",
      });
    },
    // 我发布的商品
    shopJump() {
      uni.navigateTo({
        url: "/pages/center/shop",
      });
    },
    // 我发布的活动
    activityJump() {
      uni.navigateTo({
        url: "/pages/center/activity",
      });
    },
    // 校园彩蛋
    schoolJump() {
      uni.navigateTo({
        url: "/pages/center/school",
      });
    },
    // 实名认证
    realName() {
      uni.navigateTo({
        url: "/pages/center/realName",
      });
    },
    // 查看实名认证
    realdetile(){
      uni.navigateTo({
        url: "/pages/center/realdetile",
      });
    }
  },
  onShow() {},
};
</script>

<style scoped>
.all {
  width: 100vw;
  height: 100vh;
  background: #f2f2f2;
}
.cent {
  width: 100vw;
  height: 100px;
  background: white;
  margin-top: 20px;
  display: flex;
}
.box1 {
  width: 100%;
  height: 50px;
  background-color: white;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgb(206, 206, 206);
}
.box2 {
  width: 100%;
  height: 50px;
  background-color: white;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgb(206, 206, 206);
}
</style>
